<template>
  <div>
    <div @click="$router.go(-1)" style="display: flex;align-items: center;cursor: pointer;margin-bottom: 20px;">
            <i class="el-icon-arrow-left" style="font-size: 20px;color: #409eff;"></i>
             <div style="color: #409eff;">返回</div>
        </div>
    
    <el-card body-style="padding:10px" class="box-card">
        <h3>{{ datas.title }}</h3>
        <p style="font-size: 12px;color: #bbbbbb;">发布时间：{{ datas.created_at }}</p>
        <p v-html="datas.content"></p>
    </el-card>
    
  </div>
</template>

<script>
export default {
  data(){
    return{
      datas:{}
    }
  },
  mounted(){
   

    if (this.$route.query.id) {
            console.log("this.$route.query.id", this.$route.query.id)
            this.getSystemNoticeDetails(this.$route.query.id)
        }
  },
  methods:{
    getSystemNoticeDetails(id) {
            let that = this
            this.$request.get('/article/get/' + id).then((res) => {
                that.datas = res
                console.log("getSystemNoticeDetails", res)
            })
        },
  }

}
</script>

<style lang="scss" scoped>

</style>